<template>
  <div>
      <router-view></router-view> 
      <nav class="navbar navbar-default navbar-fixed-bottom">
                    <div class="container" align="center">
                        <ul class="nav nav-tabs nav-tabs-justified">
                            <div class="row" align="center">
                                <div class="col-md-4 col-sm-4 col-xs-4" align="center"><li><router-link to='/word/card'>卡片</router-link></li></div>
                                <div class="col-md-4 col-sm-4 col-xs-4" align="center"><li><router-link to='/word/list'>列表</router-link></li></div>
                                <div class="col-md-4 col-sm-4 col-xs-4" align="center"><li><router-link to='/word/add'>新增</router-link></li></div>
                            </div>
                        </ul>
                    </div>
        </nav>
  </div>
</template>

<script>
export default {
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.nav-tabs
    {
        text-align: center;
        height: 50px;
        line-height: 40px;
    }
    
a{
    text-decoration: none;
}
</style>
